<!-- 我的基础 -->

<template>
  <div>
    <EasyRow col2>
      <FormSelect label="类型" bind="type" :dict="add_DICT.TYPE" onlyAdd noClear required @change="changeType" />
      <FormTree v-if="add_one.type === 2" label="所属分组" bind="parentId" :dict="treeDict" required />
    </EasyRow>

    <EasyRow col2>
      <FormInput label="名称" bind="name" :max="8" required />
      <FormNum label="排序" bind="sort" :min="1" :max="999" tip="请输入" initMin half required />
    </EasyRow>

    <EasyRow v-if="add_one.type === 2" col2>
      <FormPhoto label="图片" bind="imgUrl" text="上传图片" folder="icon" isPublic square required />
      <FormColor label="背景" bind="backColor" colorFormat="rgb" showAlpha noClear />
    </EasyRow>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyBase',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb('add', 'add_'), CORE.mixTree()],

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 切换类型
     */
    changeType(type) {
      if (type === 1) {
        Object.assign(this.add_one, {
          parentId: '0', // 父 ID 0代表分类
          jumpLogic: undefined, // 跳转逻辑；1：内部逻辑；2：H5页面
          forword: '',
          jumpLink: '',
        })
      } else {
        Object.assign(this.add_one, {
          parentId: undefined, // 父 ID 0代表分类
          jumpLogic: 1, // 跳转逻辑；1：内部逻辑；2：H5页面
          forword: '',
          jumpLink: '',
        })
      }
    },
  },
}
</script>
